import React, { useEffect } from 'react';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import Context from './components/Context';
import Header from './components/Header';
import styles from './index.module.less';
import Left from './components/Left';
import PrintOptions from './toolsBar/PrintOptions';

// 渲染引擎处理区
const ExcelDemo = () => {
  return (
    <>
      <Header />
      <div className={styles.boxWrap}>
        <DndProvider backend={HTML5Backend}>
          {/* <CustomDragLayer /> */}
          <Left></Left>
          <Context />
        </DndProvider>
      </div>
      <PrintOptions />
    </>
  );
};

export default ExcelDemo;
